<template>
  <div class="home ">
    <!--TODO    layout和sidebar为啥会在这里 登录注册页面咋也包含进去了-->
    <layout v-if="$store.getters['isShowLayout']" class="layout" />
    <sidebar />
    <el-main class="main">
      <router-view />
    </el-main>
  </div>
</template>

<script>
/**
 * title: "首页"
 * name: ""
 * path: "/"
 */
import Layout from './layout/index.vue';
import Sidebar from './sidebar/index.vue';

export default {
  name: 'Home',
  components: {
    Layout,
    Sidebar
  },
  data: () => ({}),
  created() {
    console.log(process.env);
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.home {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
  .layout{
    height: 100%;
  }
  .main{
    height: 100%;
    width: 100%;
    flex: 1;
    padding: 0;
  }
}

</style>

